<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文字排版</title>
    <style>
        p{
            text-align: right;
            background-color: pink;
            width:500px;
            margin:0 auto;
        }
        h4{
            margin:0 auto;
            background-color: blue;
            width:500px;
            direction: rtl;
        }
        h3{
            margin:0 auto;
            background-color: blue;
            width:500px;
            writing-mode: vertical-rl ;
            /*垂直的对齐右到左*/
        }
        h2{
            margin:0 auto;
            background-color: pink;
            width:500px;
            writing-mode:vertical-lr ;
            /*垂直的对齐左到右*/
        }
        h1{
            margin:0 auto;
            background-color: pink;
            width:500px;
            writing-mode: horizontal-tb;
            /*水平的对齐左到右*/
        }
    </style>
</head>
<body>
<!--文本css样式-->
<a href="https://www.cnblogs.com/zhangkeyu/p/6645189.html">文本样式链接</a>
<p>我喜欢你的眼睛你的鼻子你的嘴巴</p>
<h4>我喜欢你的眼睛你的鼻子你的嘴巴</h4>
<h3>我喜欢你的眼睛你的鼻子你的嘴巴</h3>
<h2>我喜欢你的眼睛你的鼻子你的嘴巴</h2>
<h1>我喜欢你的眼睛你的鼻子你的嘴巴</h1>
</body>
</html>